<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>门票历史抓紧新产品</title>
    <!-- 引入 echarts.js -->
    <script src="${request.contextPath}/static/assets/js/echarts.min.js"></script>
</head>
<body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="width: 800px;height:500px;"></div>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
        var option = {
			title: {
				text: '门票历史抓取新产品'
			},
			tooltip: {
				trigger: 'axis'
			},
			legend: {
				data:['lvmama','xc','tn','tc','qnr','mt']
			},
			grid: {
				left: '3%',
				right: '4%',
				bottom: '3%',
				containLabel: true
			},
			toolbox: {
				feature: {
					saveAsImage: {}
				}
			},
			xAxis: {
				type: 'category',
				boundaryGap: false,
				data: ['3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
			},
			yAxis: {
				type: 'value'
			},
			series: [
				{
					name:'lvmama',
					type:'line',
					stack: '新产品数',
					data:[12, 13, 12, 15, 16, 19, 10,15,14,12]
				},
				{
					name:'xc',
					type:'line',
					stack: '新产品数',
					data:[13, 16, 17, 13, 12, 19, 17,13,12,14]
				},
				{
					name:'tn',
					type:'line',
					stack: '新产品数',
					data:[14, 12, 17, 12, 15, 19, 16,14,17,13]
				},
				{
					name:'tc',
					type:'line',
					stack: '新产品数',
					data:[14, 14, 17,17, 12, 19, 16,12,15,8]
				},
				{
					name:'qnr',
					type:'line',
					stack: '新产品数',
					data:[14, 15, 18, 12, 15, 13, 16,12,15,13]
				},
				{
					name:'mt',
					type:'line',
					stack: '新产品数',
					data:[14, 15, 18, 12, 15, 13, 16,12,15,13]
				}
			]
		};

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
</body>
</html>